<template>
  <div class="">
    <h1>vue中的过滤器filter，跟数组的方法filter不是一种东西</h1>
    在插值语句中使用过滤器对输出的内容进行格式的过滤,过滤器也是一个选项对象，跟data，methods同级，过滤器用在插值语句中，用
    |
    （管道符）使用，过滤器的第一个参数永远是要过滤的值，之后的参数是使用的时候传的参数
    过滤器必须要有一个return 返回的就是过滤之后的结果
    定义在某个组件里的filters是局部的过滤器只能在这个组件里用
    全局过滤器在哪儿都能用，定义在main.js中

    <h4>{{ price | filnum("¥") }}</h4>
    <h4>{{ price | filnum("$") }}</h4>
    <h5>{{ time.toLocaleString() }}</h5>
  </div>
</template>

<script>
export default {
  data() {
    return {
      price: 100,
      time: new Date(),
    };
  },
  mounted() {},

  methods: {},
  filters: {
    filnum(val, a) {
      return val + a;
    },
  },
  //   作业2:把time格式过滤成 xxx-xxx-xx xx:xx:xx
};
</script>

<style lang="scss"></style>
